<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html> 
<head> 
<title>LIGHTBOX EXAMPLE</title> 
<style> 
  
  .black_overlay{  
  	display: none;  
  	position: absolute;  
  	top: 0%;  
  	left: 0%;  
  	width: 100%;  
  	height: 100%;  
  	background-color: #F0F0F0;  
  	z-index:1001;  
  	-moz-opacity: 0.8;  
  	opacity:.80;  
  	filter: alpha(opacity=20);  
  	}  
  .white_content {  
  	display: none;  
  	position: absolute;  
  	top: 25%;  
  	left: 25%;  
  	width: 50%;  
  	height: 50%;  
  	padding: 16px;  
  	border: 16px solid #2E7CBC;  
  	background-color: white;  
  	z-index:1002;  
  	overflow: auto;  }  </style> 
</head> 
<body> 
<p>
<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">0000</a></p> 
	<div id="light" class="white_content"> 
		<div style="text-align: right;">
			<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"> 
	    	[关闭]</a>
	    </div>
	    <select>
	    	<option value='00'>张三</option>
	    	<option value='01'>李四</option>
	    	<option value='02'>王五</option>
	    	<option value='03'>赵六</option>
	    </select>
    </div> 
	<div id="fade" class="black_overlay"> 
	</div> 
</body> 
</html> 

    